str = `<Weachart option={option} />`

// 圆环为饼图
// 圆形百分比进度条可以用
// 饼图
option = {
  title: {                   // 标题
    show: true,
    text: '123',
    x: 'center',             //x,y定位
    y: 'center',
    textStyle: {
      fontSize: '25'
    }
  },
  tooltip: {                // 鼠标悬浮弹窗
    trigger: 'item',        // 触发类型, 'item'图形触发, 'axis'坐标轴触发, 'none'不触发
    axisPointer: {
      type: 'shadow',       // 'line'直线治时期, 'shadow'阴影指示器, 'cross'十字准星指示器, none
      axis: 'auto',         // 指示器的坐标轴
      snap: true,           // 指示器是否自动吸附到点上
    },
    showContent: true,       // 是否显示提示框浮层
    triggerOn: 'mouseover',  // 触发时机, 'mouseover'鼠标悬浮时触发, 'click'鼠标点击时触发, 'mousemove|click'同时悬浮和点击时触发
    enterable: false,        // 鼠标是否可进入提示框浮层中，默认false，可设置详情内交互
    backgroundColor: '#fff', // 浮层框的背景颜色
    borderColor: '#333',     // 边框
    textStyle: {
      color: '#000',
      fontWeight: 'normal'
    },
    extraCssText: 'box-shadow:0 0 3px rgba(0,0,0,0.3);', // 附加样式
    confine: false,                                      // 是否将tooltip框限制在图表的区域内。
    formatter: '{b0}:{c0}<br />{b1}: {c1}',   // {a}系列名称, {b}数据项名称, {c}数值, {d}百分比
    formatter:function(arg) {
      return arg[0].name + '的分数是:' + arg[0].data
    }
  },
  legend: {                 // 引导按钮
    orient: 'vertical',      // 'vertical' 垂直显示, 'horizontal' 水平显示
    top: '5%',
    left: 'center',
    backgroundColor: '#fac',
    itemGap: 40,             // 每一项的间距，不带单位
    itemHeight: 5,           // 图形的高度
    textStyle: {
      fontWeight: 700,
    },
    selected: {              // 某个选项的数据默认是否显示
      '联盟广告': false,
    },
    data: [                  //默认为series设置，设置该项时必须与series设置一致，才会生效，可单独对某个选项设置样式
      {
        name: '搜索引擎',
        icon: 'circle',
        textStyle: { fontWeight: 'bold', color: 'orange' }
      }
    ]
  },
  xAxis: {                   // x坐标轴  
    show: false,
  },
  yAxis: {                   // y坐标轴
    show: false,
  },
  series: [
    {
      name: 'Access From',       // 部分功能需要name才能正常显示
      type: 'pie',               // 饼图
      radius: ['40%', '70%'],     // 填一个值时设定饼图半径，两个值显示大减小的圆环
      startAngle: 270,           // 开始角度
      avoidLabelOverlap: false,  // 是否开启防止标签重叠策略
      hoverAnimation: false,     // 是否开启悬停动画
      itemStyle: {               // 饼中每个部分样式
        borderRadius: 10,
        borderColor: '#fff',
        borderWidth: 2,
      },
      label: {                   // 饼中每个部分的标签
        show: false,             // 常态不显示
        position: 'center'       // 显示在中间
      },
      emphasis: {                // 鼠标经过时
        label: {
          show: true,            // 显示标签
          fontSize: 40
        }
      },
      labelLine: {               // 引导线
        show: false,
      },
      data: [                    // 数据
        {
          value: this.num,
          name: 'a',
          itemStyle: {
            color: this.color,
          }
        },
        { value: 100 - this.num, name: 'b' }
      ]
    }
  ]
}
